// 封装倒计时函数
import { dayjs } from 'element-plus'
import { computed, onUnmounted, ref } from 'vue'

export const useCountDown = () => {
    let timer = null
    const time = ref(0)
    const formatTime = computed(() => dayjs.unix(time.value).format('mm分ss秒'))
    const start = (currentTime) => {
        time.value = currentTime
        timer = setInterval(() => {
            time.value--
        }, 1000)
    }
    onUnmounted(() => {
        timer && clearInterval(timer)
    })
    return {
        formatTime,
        start
    }
}

// // import { computed, onUnmounted, ref } from 'vue'
// // import dayjs from 'dayjs'
// export const useCountDown = () => {
//   // 1. 响应式的数据
// //   let timer = null
//   const formatTime = ref(0)
//   // 格式化时间 为 xx分xx秒
// //   const formatTime = computed(() => dayjs.unix(time.value).format('mm分ss秒'))
//   // 2. 开启倒计时的函数
//   const start = (currentTime) => {
//     // 开始倒计时的逻辑
//     // 核心逻辑的编写：每隔1s就减一
//     formatTime.value = currentTime
//     setInterval(() => {
//         formatTime.value--
//     }, 1000)
//   }
//   // 组件销毁时清除定时器
// //   onUnmounted(() => {
// //     timer && clearInterval(timer)
// //   })
//   return {
//     formatTime,
//     start
//   }
// }